<template>
    <div>
        <city-head-menu></city-head-menu>
        <div class="more_wrap">
            <city-list v-bind:spell-citys="spellCitys" ></city-list>
        </div>
    </div>
</template>

<script>
    import CityHeadMenu from "../components/CityRightMenu.vue"
    import CityList from '../components/CityList.vue'
    export default {
        name: "CityMore",
        components:{
            CityList,
            CityHeadMenu
        },
        data(){
            return{
                spellCitys:[
                    {
                        spell:"A",
                        list:['鞍山','安庆','安阳','安顺','安丘','鞍山','安庆','安阳','安顺','安丘','鞍山','安庆','安阳','安顺','安丘','鞍山','安庆','安阳','安顺','安丘'
                            ,'鞍山']
                    }
                ]
            }
        }
    }
</script>

<style scoped>
.more_wrap{
    overflow: hidden;
    padding: 0 .2rem;
    display: block;
}
</style>